<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>鼎搜网登录页</title>
    <link rel="stylesheet" href="../../common/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/login.css">
    <link rel="shortcut icon" href="../images/favicon.ico">
</head>

<body>
    <div class="container">
        <!-- 顶部蓝条 -->
        <div class="header-top"></div>
        <!-- 头部 -->
        <div class="header">
            <!-- logo -->
            <div class="logo">
                <img src="../images/logo.png" alt="logo">
            </div>
            <!-- 导航栏 -->
            <ul class="nav">
                <li><a class="catenate" href="./index.html" target="_blank">首页</a></li>
                <li><a class="catenate" href="./list.html" target="_blank">关于鼎搜</a></li>
                <li><a class="catenate" href="./detailed.html" target="_blank">鼎搜服务</a></li>
                <li><a class="catenate" href="./post.html" target="_blank">鼎搜动态</a></li>
                <li><a class="catenate" href="./login.html">鼎搜诚聘</a></li>
                <li><a class="catenate" href="#">鼎搜公益</a></li>
            </ul>
            <!-- 搜索框 -->
            <div class="search-wrap">
                <input type="search" name="search">
                <img class="SearchFlag" src="../images/搜索标志.png">
            </div>
        </div>
        <!-- 大图片 -->
        <img class="BigPicture" src="../images/大图.png" alt="BigPicture"></img>

        <!-- 我要转让 -->
        <div class="text-1">
            <h3>我要转让</h3>
            <p>WO YAO ZHUAN RANG</p>
        </div>
        <!-- <div class="text-wrap">
            <img class="wire-1" src="../images/横线-1.png" alt="横线">
            <p class="text-1">我要转让</p>
            <p class="text-2">WO YAO ZHUAN RANG</p>
            <img class="wire-2" src="../images/横线-1.png" alt="横线">
        </div> -->

        <!-- 登录 -->
        <div class="main">
            <ul class="left">
                <li><button class="pushButton-1">点击登录</button> <button class="pushButton-2">点击注册</button></li>
                <li class="text-3">用户名：<input class="case-1" type="text" name="name"></li>
                <li class="text-3">密码：<input class="case-2" type="password" name="password"></li>
                <li class="text-4">验证码：<input class="case-3" type="text" name="code"><span><img class="code" src="../images/验证码.png"></span><span>看不清？</span>
                    <span class="text-7">点击更换</span>
                </li>
                <li class="text-5">有效期：
                    <input class="case-4" type="radio" name="time" checked>一个月
                    <input class="case-4" type="radio" name="time">一周
                    <input class="case-4" type="radio" name="time">一天
                    <input class="case-4" type="radio" name="time">即时
                </li>
                <li><button class="pushButton-3">登录</button><span class="text-6">忘记密码？</span></li>
            </ul>

            <div class="right">
                <img class="trade" src="../images/生意图.png" alt="生意图">
            </div>
        </div>

        <div class="wire-2"></div>
        <!-- 页脚 -->
        <div class="footer">
            <!-- 左盒子 -->
            <div class="left">
                <!-- 简介列表 -->
                <ul class="listed-below">
                    <h4>简介</h4>
                    <li><a class="catenate" href="#">鼎搜网简介</a></li>
                    <li><a class="catenate" href="#">鼎搜服务</a></li>
                    <li><a class="catenate" href="#">会员身份实名认证</a></li>
                </ul>
                <!-- 帮助列表 -->
                <ul class="listed-below">
                    <h4>帮助</h4>
                    <li><a class="catenate" href="#">用户注册</a></li>
                    <li><a class="catenate" href="#">关于鼎搜</a></li>
                    <li><a class="catenate" href="#">在线咨询</a></li>
                </ul>
                <!-- 共赢列表 -->
                <ul class="listed-below">
                    <h4>共赢</h4>
                    <li><a class="catenate" href="#">网站合作</a></li>
                    <li><a class="catenate" href="#">用户协议</a></li>
                    <li><a class="catenate" href="#">会员身份实名认证</a></li>
                </ul>
                <!-- 导航列表 -->
                <ul class="listed-below">
                    <h4>导航</h4>
                    <li><a class="catenate" href="#">地图首页</a></li>
                    <li><a class="catenate" href="#">职能分类</a></li>
                    <li><a class="catenate" href="#">企业名录</a></li>
                </ul>
            </div>
            <!-- 右盒子 -->
            <div class="right">
                <!-- 上小盒子 -->
                <div class="top-wrap">
                    <div class="footer-phone">
                        <img src="../images/电话.png">
                        <div class="top-wrap-right">
                            <p class="typeface">全国服务热线</p>
                            <p class="typeface">440-880-1779 </p>
                            <p>邮箱:dinsoo@163.com</p>
                        </div>
                    </div>

                    <div class="top-wrap-left">
                        <p>投诉电话：4408801779</p>
                        <p>周一至周六：9:20-20:00</p>
                        <div>
                            <img src="../images/微博.png" alt="weibo"></div>
                    </div>

                </div>
                <!-- 下小盒子 -->
                <div class="bottom-wrap">
                    <img src="../images/二维码.png" alt="二维码">
                    <h2>订阅信息</h2>
                </div>
            </div>
        </div>
        <!-- 下部蓝条 -->
        <div class="footer-bottom">
            <p class="finaltext">Copyright ©2015 鼎搜网(www.dinsoo.com) 版权所有</p>
        </div>
    </div>
</body>

</html>